<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 管理系统大布局 - Layui</title>
  <!--Layui的css-->
  <link rel="stylesheet"
        th:href="@{/libs/layui/css/layui.css}"
        media="all"></head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black">layout demo</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <!-- 移动端显示 -->
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
        <i class="layui-icon layui-icon-spread-left"></i>
      </li>

      <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">nav groups</a>
        <dl class="layui-nav-child">
          <dd><a href="">menu 11</a></dd>
          <dd><a href="">menu 22</a></dd>
          <dd><a href="">menu 33</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;">
          <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
          tester
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">Your Profile</a></dd>
          <dd><a href="">Settings</a></dd>
          <dd><a href="">Sign out</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>
  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">menu group 1</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{w}">学生管理</a></dd>
            <dd><a th:href="@{wcl}">教室管理</a></dd>
            <dd><a th:href="@{wc}">班级管理</a></dd>
            <dd><a th:href="@{wdor}">宿舍管理</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">教室管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{wcl}">教室管理</a></dd>
            <!--            <dd><a href="javascript:;">list 2</a></dd>
                        <dd><a href="">超链接</a></dd>-->
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">班级管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{wc}">班级管理</a></dd>
            <!--            <dd><a href="javascript:;">list 2</a></dd>
                        <dd><a href="">超链接</a></dd>-->
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">宿舍管理</a>
          <dl class="layui-nav-child">
            <dd><a th:href="@{wdor}">宿舍管理</a></dd>
            <!--            <dd><a href="javascript:;">list 2</a></dd>
                        <dd><a href="">超链接</a></dd>-->
          </dl>
        </li>

        <li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
        <li class="layui-nav-item"><a href="">the links</a></li>
      </ul>
    </div>
  </div>

  <div class="layui-body">

    <div style=";width: 800px;height: 800px;font-weight: bold;font-size: 22px; margin: 50px 0px 0 200px">
      <style>
        .layui-input,.layui-select{
          border: 0;   /*去除未选中状态边框*/
          outline: none;  /*去除选中状态边框*/
          background-color: rgba(0, 0, 0, 0); /*透明背景*/
        }

        .layui-form-pane .layui-form-label {
          width: 110px;
          padding: 8px 0px;
          height: 45px;
          line-height: 20px;
          border-width: 1px;
           border-style: hidden;
          border-radius: 2px 0 0 2px;
          text-align: center;
           background-color: #ffffff;
          overflow: hidden;
          box-sizing: border-box;
        }
      </style>
      <form class="layui-form layui-form-pane" action="">

        <input hidden type="text" th:value="${session.stu.sInformation.getProvincesId()}" id="provincesIdh">
        <input hidden type="text" th:value="${session.stu.sInformation.getCitiesId()}"  id="citiesIdh">
        <input hidden type="text" th:value="${session.stu.sInformation.getAreasId()}" id="areaidh">
        <input hidden type="text" th:value="${session.stu.sInformation.getIdType()}" id="idTypeh">
        <input hidden type="text" th:value="${session.stu.sInformation.getStuId()}" id="stuId">
        <input hidden type="text" th:value="${session.stu.sInformation.getDormitoryDormitoryName()}" id="dormitoryDormitoryName">
        <input hidden type="text" th:value="${session.stu.sInformation.getGradeGradeName()}" id="gradeGradeName">

        <div class="layui-form-item">
          <label class="layui-form-label">姓名：</label>
          <div class="layui-input-block">
            <input type="text" th:value="${session.stu.sInformation.stuName}" id="stuName" name="stuName" required  lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">性别：</label>
          <div class="layui-input-block" th:value="${session.stu.sInformation.sex}">
            <div th:if ="${session.stu.sInformation.sex == 'M'}">
              <input type="radio" name="ngolh" value="M" title="男" checked>
              <input type="radio" name="ngolh" value="F" title="女" >
            </div>
            <div th:if ="${session.stu.sInformation.sex == 'F'}">
              <input type="radio" name="ngolh" value="M" title="男">
              <input type="radio" name="ngolh" value="F" title="女" checked>
            </div>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">年龄：</label>
          <div class="layui-input-block layui-btn-disabled">
            <input type="text" th:value="${session.stu.sInformation.age}" disabled name="nz52k" required  lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">身份类型：</label>
          <div class="layui-input-block">
            <select name="idType" th:value="${session.stu.sInformation.getIdType()}" id="idTypes" lay-filter="idType" >
              <option value='' >请选择</option>
              <option value='01'>身份证</option>
              <option value='02'>军人证</option>
              <option value='03'>护照</option>
              <option value='04'>户口本</option>
              <option value='05'>外国人永久居留证</option>
              <option value='06'>武警证</option>
              <option value='07'>公章</option>
              <option value='08'>工商营业执照</option>
              <option value='09'>法人代码证</option>
              <option value='10'>学生证</option>
              <option value='11'>士兵证</option>
              <option value='16'>港澳居民来往内地通行证</option>
              <option value='17'>台湾居民来往大陆通行证</option>
              <option value='18'>其他证件类型</option>
            </select>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">身份证号：</label>
          <div class="layui-input-block">
            <input type="text" id="IdNum" th:value="${session.stu.sInformation.getIdNum()}" name="IdNum" required  lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">手机号：</label>
          <div class="layui-input-block">
            <input type="text" th:value="${session.stu.sInformation.getMobile()}" id="mobile" name="mobile" required  lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">电子邮箱：</label>
          <div class="layui-input-inline">
            <input type="text" th:value="${session.stu.getEmail()}" id="email" name="email" required  lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input">
          </div>
        </div>

      <div class="layui-form-item">
        <label class="layui-form-label">籍贯：</label>
        <div class="layui-input-inline">
          <select name="provinceid"   id="provinceid" lay-filter="provinceid">
            <option value="" checked>请选择省</option>

          </select>
        </div>
        <div class="layui-input-inline">
          <select name="cityid"  id="cityid" lay-filter="cityid">
            <option value="" checked>请选择市</option>

          </select>
        </div>
        <div class="layui-input-inline">
          <select name="areaid" id="areaid" lay-filter="areaid">
            <option value="" checked>请选择县/区</option>

          </select>
        </div>
        <div class="layui-form-mid layui-word-aux"></div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">详细地址：</label>
        <div class="layui-input-block">
          <input type="text" name="title" th:value="${session.stu.sInformation.getDetailAddr()}" id="detailDddr" placeholder="请输入详细地址" autocomplete="off" class="layui-input">
        </div>
      </div>

<!--
      <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i></button>
-->

      </form>
      <button type="button" class="layui-btn layui-btn-lg layui-btn-normal"
              id="addstu"
              style="margin: -15px 0px -5px 250px">
        <i class="layui-icon layui-icon-search"></i>所在班级
      </button>
      <button type="button" class="layui-btn layui-btn-lg layui-btn-warm"
              id="gsAll" style="margin: -15px 0px -5px 250px">
        <i class="layui-icon layui-icon-chat"></i>所在宿舍 </button>
    </div>


    <div></div>




<!--
      <div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>
-->
  </div>

  <div class="layui-footer">
    <!-- 底部固定区域 -->
    底部固定区域
  </div>
</div>
<!--   Layui的js-->
<script type="text/javascript"
        th:src="@{/libs/layui/layui.js}"
        charset="utf-8"></script>
<script>
  //JS
  layui.use(['element', 'layer', 'util'], function(){
    var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

    //头部事件
    util.event('lay-header-event', {
      //左侧菜单事件
      menuLeft: function(othis){
        layer.msg('展开左侧菜单的操作', {icon: 0});
      }
      ,menuRight: function(){
        layer.open({
          type: 1
          ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
          ,area: ['260px', '100%']
          ,offset: 'rt' //右上角
          ,anim: 5
          ,shadeClose: true
        });
      }
    });

  });
</script>



<!--jquery的js-->
<script type="text/javascript"
        th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
<!--引入自己的JS代码-->
<script type="text/javascript"
        th:src="@{/js/student/stuInfo.js}"></script>

</body>
</html>
